<template>
	<div class="loading" v-if="wang">
		<img src="../../../static/loading.gif"/>
	</div>
</template>

<script>

export default {
  name: 'loading',
  props:{
  	wang:Boolean
  },
  data () {
    return {
    
    }
  },
  created(){
  	console.log(this.wang)
  }
}
	
</script>

<style scoped="">
	.loading{
		width: 100vw;
		height: 100vh;
		background: #CCCCCC;
		opacity: 0.6;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	
</style>